<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Configuracion</title>
	<style type="text/css">
.ui-widget {
	font-size: 90%;
}
</style>
</h:head>
<body>
	<h:form>
		<h:panelGrid columns="2" cellpadding="2" cellspacing="15"
			style="width:100%;">
			<p:outputLabel />

			<h:panelGrid columns="2" style="text-align:right;">
				<h:outputLabel value="Evaluación: " />
				<p:selectOneMenu id="evals" value="#{evaluacionBean.evalSelec}">
					<p:ajax listener="#{evaluacionBean.onEvaluacionChange}"
						update="panel" />
					<f:selectItem itemLabel="Selecione" itemValue=""
						noSelectionOption="true" />
					<f:selectItems value="#{evaluacionBean.evaluaciones}" var="evasec"
						itemLabel="#{evasec.nombreEvaluacion}"
						itemValue="#{evasec.evaluacionId}" />
				</p:selectOneMenu>
			</h:panelGrid>
		</h:panelGrid>

		<p:panel id="panel" style="width:100%;">
			<h:panelGrid style="text-align:center;">
				<p:outputLabel value="#{evaluacionBean.labelTipo}" />
			</h:panelGrid>
			<h:panelGrid>

				<h:panelGrid columns="3" cellpadding="2" cellspacing="15">
					<p:messages id="msgs" />
					<h:outputLabel value=" " />
					<h:outputLabel value=" " />
					<h:outputLabel value="Nombre de Evaluación :" />
					<p:inputText id="nombreeval"
						value="#{evaluacionBean.nombreEvaluacion}" required="true">
					</p:inputText>
					<p:message for="nombreeval" display="icon" />
					<h:outputLabel value="Fecha de programacion :" />

					<p:calendar value="#{evaluacionBean.fechaProgramada}" id="popupCal" />
					<h:outputLabel value=" " />

					<h:outputLabel value="Hora inicio: " />
					<p:calendar value="#{evaluacionBean.horaInicio}" pattern="HH:mm"
						timeOnly="true" />
					<h:outputLabel value=" " />

					<h:outputLabel value="Hora fin: " />
					<p:calendar value="#{evaluacionBean.horaFin}" pattern="HH:mm"
						timeOnly="true" />
					<h:outputLabel value=" " />

					<h:outputLabel value="Cantidad de preg: " />
					<p:spinner id="pcantidad"
						value="#{evaluacionBean.cantPreguntasTotal}" required="true"
						min="1" max="100">
					</p:spinner>
					<p:message for="pcantidad" display="icon" />
					<h:outputLabel value="Cantidad de Preguntas por nivel " />
					<h:outputLabel value=" " />
					<h:outputLabel value=" " />
					<h:outputLabel value=" Cant facil" />
					<p:spinner id="nfacil" value="#{evaluacionBean.nFacil}"
						required="true" min="0" max="100">
					</p:spinner>
					<p:message for="nfacil" display="icon" />
					<h:outputLabel value=" Cant medio " />
					<p:spinner id="nmedio" value="#{evaluacionBean.nMedio}"
						required="true" min="0" max="100">
					</p:spinner>
					<p:message for="nmedio" display="icon" />
					<h:outputLabel value=" Cant dificil" />
					<p:spinner id="ndificil" value="#{evaluacionBean.nDificil}"
						required="true" min="0" max="100">
					</p:spinner>
					<p:message for="ndificil" display="icon" />
					<h:outputLabel value=" Puntaje Correcto" />
					<p:spinner id="npc" value="#{evaluacionBean.pCorrecto}"
						required="true" min="0" stepFactor="0.25" prefix="+">
					</p:spinner>
					<p:message for="npc" display="icon" />
					<h:outputLabel value=" Puntaje Incorrecto" />
					<p:spinner id="npi" value="#{evaluacionBean.pIncorrecto}"
						required="true" min="0" stepFactor="0.25" prefix="-">
					</p:spinner>
					<p:message for="npi" display="icon" />

				</h:panelGrid>
				<p:commandButton value="Guardar Configuracion" update="panel"
					actionListener="#{evaluacionBean.guardarConfiguracion}" />

			</h:panelGrid>
		</p:panel>
	</h:form>
</body>
</html>